<%--
  Created by IntelliJ IDEA.
  User: 王松
  Date: 2018/1/27
  Time: 15:54
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!doctype html>
<html>
<head>
    <title>Title</title>
    <%@include file="/WEB-INF/jsp/comm/head.jsp"%>
</head>
<body>
<div class="container">
    <div style="border:1px solid #ccc; height:130px; padding: 10px 20px;">
        <form action="" class="form-inline">
            <div class="form-group">
                <label class="control-label col-md-4">部门：</label>
                <div class="col-md-8" >
                    <select style="width: 150px; height: 30px;" name="" class="form-control">
                        <option></option>
                        <option></option>
                        <option></option>
                        <option></option>
                    </select>
                </div>
            </div>
            <div class="form-group">
                <label class="control-label col-md-4">单号：</label>
                <div class="col-md-8">
                    <input type="text" style="width: 150px; height: 30px; padding: 7px; font-size: 12px;" class="form-control" placeholder="订单号或流水号">
                </div>
            </div>
            <div class="form-group">
                <label class="control-label col-md-4">客户：</label>
                <div class="col-md-8">
                    <input type="text" style="width: 150px; height: 30px; padding: 7px; font-size: 12px;" class="form-control" placeholder="姓名或电话">
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-4 control-label">目的地：</label>
                <div class="col-md-8">
                    <input type="text" style="width: 150px; height: 30px; padding: 7px; font-size: 12px;" class="form-control">
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-4 control-label">计划创建从：</label>
                <div class="col-md-8">
                    <input type="text" style="width: 150px; height: 30px; padding: 7px; font-size: 12px;" class="form-control" id="jihua">
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-4 control-label">至：</label>
                <div class="col-md-8">
                    <input type="text" style="width: 150px; height: 30px; padding: 7px; font-size: 12px;" class="form-control" id="jihua1">
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-4 control-label">计划发布从：</label>
                <div class="col-md-8">
                    <input type="text" style="width: 150px; height: 30px; padding: 7px; font-size: 12px;" class="form-control" id="jihua2">
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-4 control-label">至：</label>
                <div class="col-md-8">
                    <input type="text" style="width: 150px; height: 30px; padding: 7px; font-size: 12px;" class="form-control" id="jihua3">
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-4 control-label">制单人：</label>
                <div class="col-md-8">
                    <input type="text" style="width: 150px; height: 30px; padding: 7px; font-size: 12px;" class="form-control" placeholder="xxx（演示）">
                </div>
            </div>
            <div class="form-group">
                <label class="control-label col-md-4">计划状态：</label>
                <div class="col-md-8" >
                    <select style="width: 150px; height: 30px;" name="" class="form-control">
                        <option></option>
                        <option></option>
                        <option></option>
                        <option></option>
                    </select>
                </div>
            </div>
            <div class="form-group">
                <label class="control-label col-md-4">配送方式：</label>
                <div class="col-md-8" >
                    <select style="width: 150px; height: 30px;" name="" class="form-control">
                        <option></option>
                        <option></option>
                        <option></option>
                        <option></option>
                    </select>
                </div>
            </div>
            <button class="btn btn-success"><i class="glyphicon glyphicon-search"></i> 查询</button>
        </form>
    </div>
    <div style="border:1px solid #ccc; margin-top: 20px;">
        <div id="toolbar">
            <button class="btn btn-success"><i class="glyphicon glyphicon-plus"></i> 新建计划</button>
            <button class="btn btn-default">导入计划</button>
            <button class="btn btn-default">统计报表</button>
        </div>
        <table id="planTb"
        data-toggle="table"
        data-url=""
        data-striped="true"
        data-pagination="true"
        data-side-pagination="server"
        data-page-size="10"
        data-page-list="[10,20,30,40,50,100]"
        data-toolbar="toolbar">
            <thead>
            <tr>
                <th data-formatter="">流水号</th>
                <th data-formatter="">计划信息</th>
                <th data-formatter="">货物信息</th>
                <th data-formatter="">客户信息</th>
                <th data-formatter="">收货信息</th>
                <th data-formatter="">运单信息</th>
                <th>操作</th>
            </tr>
            </thead>
        </table>
    </div>
</div>
<%@include file="/WEB-INF/jsp/comm/foot.jsp"%>
<script>
    laydate.render({
        elem: '#jihua' //指定元素
    });
    laydate.render({
        elem: '#jihua1' //指定元素
    });
    laydate.render({
        elem: '#jihua2' //指定元素
    });
    laydate.render({
        elem: '#jihua3' //指定元素
    });
</script>
</body>
</html>
